<template>
  <div class="app-content-header">
      <div class="sidebar-togger">
        <span class="iconfont sidebar-togger-icon">&#xe7f4;</span>
      </div>
      <div class="user-profile">
        
      </div>
  </div>
</template>
<script>
export default {
  name: 'Header'
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.sidebar-togger >>> .sidebar-togger-icon
  font-size: 18px
.sidebar-togger-icon
  float left
  display: block
  width: 60px
  line-height: 60px
  text-align: center
  border-right: 1px solid rgba(255,255,255,.2)
.user-profile
  float: right
  padding-right: 15px
</style>
